<template>
    <div class="blue">
         <div class="nav">
           <div @click="fun()">
            <!-- <span class="iconfont" id="pic">{{v.img}}</span> -->
            <span class="iconfont" id="pic">&#xe7ba;</span>
            <p>账户</p>
          </div>
          <div @click="money()">
            <!-- <span class="iconfont" id="pic">{{v.img}}</span> -->
            <span class="iconfont" id="pic">&#xe619;</span>
            <p>转账汇款</p>
          </div>
          <div @click="daikuan()">
            <!-- <span class="iconfont" id="pic">{{v.img}}</span> -->
            <span class="iconfont" id="pic">&#xe714;</span>
            <p>贷款</p>
          </div>
          <div @click="pay()">
            <!-- <span class="iconfont" id="pic">{{v.img}}</span> -->
            <span class="iconfont" id="pic">&#xe65d;</span>
            <p>龙支付</p>
          </div>
         </div>
     </div>
 </template>
 
 <script>
 export default {
  data(){
    return {
      arr:[]
    }
  },
  methods:{
    fun(){
      if(localStorage.token){
        this.$router.push("/carone")
      }else {
        this.$router.push("/login")
      }
      
    },
    money(){
      if(localStorage.token){
        this.$router.push("/moneyzhuan")
      }else {
        this.$router.push("/login")
      }
      
    },
    daikuan(){
      this.$router.push("/loans")
    },
    pay(){
      this.$router.push("/pay")
    }
  }
 }
 </script>
 
 <style lang="scss" scoped>

@font-face {
    font-family: 'iconfont';
    src: url('@/assets/iconfont/iconfont.woff2?t=1664011341460') format('woff2'),
    url('@/assets/iconfont/iconfont.woff2?t=1664011341460') format('woff'),
    url('@/assets/iconfont/iconfont.woff2?t=1664011341460') format('truetype');
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size:1rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
   
   .blue {
     width: 100%;
     height:2rem;
     background: #146ab7;
     box-sizing: border-box;
     padding-top:.9rem;
   }
   .nav {
    width: 80%;
    height: 1.2rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
   }
   .nav>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    p {
      font-size: .14rem;
    }
   }
   #pic {
    width: .48rem;
    height: .48rem;
    color: #fff;
    font-size: .5rem;
    // background: #fff;
    margin-bottom: .1rem;
   }
   </style>